<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="bootstrap/docs-assets/ico/favicon.png">

    <title>Sistem Informasi Pengarsipan - Perbanas</title>

    <!-- Bootstrap core CSS -->
    <link href="bootstrap/dist/css/bootstrap.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="css/sticky-footer-navbar.css" rel="stylesheet">
    <link href="combobox/css/bootstrap-combobox.css" rel="stylesheet">
    <!-- Just for debugging purposes. Don't actually copy this line! -->
    <!--[if lt IE 9]><script src="../../docs-assets/js/ie8-responsive-file-warning.js"></script><![endif]-->

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
  </head>

  <body>

    <!-- Wrap all page content here -->
    <div id="wrap">

      <!-- Fixed navbar -->
	  <div class="perbanas"><img id="logo" src="image/logo.png"><a button type="button" class="btn btn-lg btn-success" id="search" href="search.html">Pencarian</a></div>
      <div class="navbar navbar-default navbar-static-top" role="navigation">
        <div class="container">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
          </div>
          <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
              <li><a href="dashboard.html">Beranda</a></li>
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">MOU<b class="caret"></b></a>
                <ul class="dropdown-menu">
                  <li><a href="surat.html">International</a></li>
                  <li><a href="surat.html">Pemerintah</a></li>
                  <li><a href="surat.html">Perguruan Tinggi</a></li>
                </ul>
              </li>
			  <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">MOA<b class="caret"></b></a>
                <ul class="dropdown-menu">
                  <li><a href="surat.html">International</a></li>
                  <li><a href="surat.html">Pemerintah</a></li>
                  <li><a href="surat.html">Perguruan Tinggi</a></li>
                </ul>
              </li>
            </ul>
			<div style="margin-left:87%"><a style="position:relative;top:-5px" href="index.html"><h4>Logout Pengguna</h4></a></div>
          </div><!--/.nav-collapse -->
        </div>
      </div>

      <!-- Begin page content -->
      <div class="container">
        <div class="col-sm-4">
		<div style="margin-left:190px">
		<h4 style="text-align:center;background:white;width:500px;padding:20px"><div>Selamat datang, Citra!
		<a href="#">4 Notifikasi Baru</a> </h4>
</div>
          <div class="panel panel-success">
            <div class="panel-heading">
              <div class="panel-title">Notifikasi</div>
            </div>
            <div class="panel-body">
             <a href="#" class="list-group-item">Surat Pemerintah 12121 akan kadaluarsa 7 hari lagi!</a>
            <a href="#" class="list-group-item">2 surat baru telah ditambahkan</a>
            <a href="#" class="list-group-item">Surat Menteri Pendidikan telah dihapus</a>
            <a href="#" class="list-group-item">Surat Kerjasama nomor 332 telah dihapus</a>
            </div>
          </div>
        </div>
      </div>
    </div>	

    <div id="footer" style="margin-top:20px;">
      <div class="container" style="background:#96bd60;width:100%">
        <p class="text-muted" style="text-align:right;margin-right:40px">Copyright : Perbanas Surabaya 2013</p>
      </div>
    </div>


    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/jquery-1.10.2.min.js"></script>
    <script src="bootstrap/dist/js/bootstrap.min.js"></script>
	<script type="text/javascript">
  $(document).ready(function(){
    $('.combobox').combobox();
  });
</script>
  </body>
</html>
